/* Jeferson Winter - http://www.jefersonwinter.com */

.col-margin-70,.col-margin-80,.col-margin-85,.col-margin-90,.col-margin-95{margin: auto;}
.col-margin-70{width: 70%;}
.col-margin-80{width: 80%;}
.col-margin-85{width: 85%;}
.col-margin-90{width: 90%;}
.col-margin-95{width: 95%;}

.img-scale{width: 100%; height: auto;}
.row {clear: both; width: 100%;}
.row-margin {margin-bottom: 100px; clear: both; width: 100%; display: block;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float: left;}
.col-1 {width: 100%}

@media only screen and (max-width:319px){
    .col-2 {width: 100%}
    .col-3 {width: 100%}
    .col-4 {width: 100%}
    .col-5 {width: 100%}
    .col-6 {width: 100%}
    .col-7 {width: 100%}
    .col-8 {width: 100%}
    .col-9 {width: 100%}
    .col-10 {width: 100%}
    .col-11 {width: 100%}
    .col-12 {width: 100%}

/*Menu*/
    #topo{background-color: #fff;}
        
    .topo-menu{display:none;}
    
    .menu-2{display:block;width:100%;}
    .menu-2 span {font-size: 0.7em;}
        
/*Banner, contador, expositores*/
    #banner{display:none;}
    
    #contador {width:100%;
               padding:130px 0px 20px 45px;}
    #contador h3{padding-right:80px;}
    
    #expositores .col-10,#parceiros .col-10{width:33.33333%;}
    
/*Icones*/
    #icones .col-2 {width: 100%}
    
}

@media only screen and (min-width: 320px) {
    .col-2 {width: 100%}
    .col-3 {width: 100%}
    .col-4 {width: 100%}
    .col-5 {width: 100%}
    .col-6 {width: 100%}
    .col-7 {width: 100%}
    .col-8 {width: 100%}
    .col-9 {width: 100%}
    .col-10 {width: 100%}
    .col-11 {width: 100%}
    .col-12 {width: 100%}

/*Menu*/
    #topo{background-color: #fff;}
    
    .topo-menu{display:none;}
    
    .menu-2{display:block;width:100%;}
    .menu-2 span {font-size:0.8em;}
        
/*Banner, contador, expositores*/
    #banner{display:none;}
    
    #contador {width:100%;
               padding:155px 0px 20px 65px;}     
    #contador h3{padding-right:130px;} 
    
    #expositores .col-10,#parceiros .col-10{width:33.33333%;}  
        
       
/*Icones*/
    #icones .col-2 {width: 50%}
    
}

@media only screen and (min-width: 480px) {
    .col-2 {width: 50%}
    .col-3 {width: 50%}
    .col-4 {width: 50%}
    .col-5 {width: 50%}
    .col-6 {width: 50%}
    .col-7 {width: 50%}
    .col-8 {width: 50%}
    .col-9 {width: 50%}
    .col-10 {width: 50%}
    .col-11 {width: 50%}
    .col-12 {width: 50%}
    
/*Menu*/
    #topo{background-color: #fff;}
    
    .topo-menu{display:none;}
    
    .menu-2{display:block;width:100%;}
    .menu-2 span {font-size:0.8em;}
    
 /*Banner, contador, expositores*/
    #banner{width:100%;
            display:block;
            padding-top:190px;}
    
    #contador {width:50%;
               padding:0px 0px 20px 125px;}
    #contador h3{padding-left:90px;} 
    
    #expositores .col-10,#parceiros .col-10{width:25%} 
    
/*Icones*/
    #icones .col-2 {width: 100%}
        

}

@media only screen and (min-width: 600px) {
    .col-2 {width: 50%}
    .col-3 {width: 33.33333%}
    .col-4 {width: 50%}
    .col-5 {width: 50%}
    .col-6 {width: 33.33333%}
    .col-7 {width: 33.33333%}
    .col-8 {width: 33.33333%}
    .col-9 {width: 33.33333%}
    .col-10 {width: 33.33333%}
    .col-11 {width: 33.33333%}
    .col-12 {width: 33.33333%}
    
    /*Menu*/ 
    #topo{background-color: #fff;}
    
    .topo-menu{display:none;}
    
    .menu-2{display:block;width:100%;}
    .menu-2 span {font-size:0.8em;}
    .menu-2 li{display:inline-block;}
    
    /*Banner, contador, expositores*/
    #banner{width:100%;
            display:block;
            padding-top:100px;}
      
    #contador {width:40%;
               padding:0px 0px 20px 185px;}
    
    #expositores .col-10,#parceiros .col-10{width:20%}
           
     /*Icones*/   
    #icones .col-2 {width: 100%}
}

@media only screen and (min-width: 768px) { 
    .col-2 {width: 50%}
    .col-3 {width: 33.33333%}
    .col-4 {width: 25%}
    .col-5 {width: 33.33333%}
    .col-6 {width: 33.33333%}
    .col-7 {width: 33.33333%}
    .col-8 {width: 25%}
    .col-9 {width: 33.33333%}
    .col-10 {width: 33.33333%}
    .col-11 {width: 33.33333%}
    .col-12 {width: 33.33333%}

    /*Menu*/ 
    #topo{ background-color: #fff;}
    .topo-menu{display:none;}
    
    .menu-2{display:block;}
    
    .idioma li {background-color: rgba(255,255,255,0.1);}
    
    /*Banner, contador, expositores*/
    #banner,#contador{float:left;}
    #banner{display:block;width:100%;}
    
    #contador {width:30%;
               padding:0px 0px 35px 100px;
               margin-left:175px;}
    
    #expositores .col-10,#parceiros .col-10 {width:16.666666%}
    
    /*Icones*/ 
    #icones .col-2 {width: 50%}
    

}

@media only screen and (min-width: 1024px) { 
    .col-2 {width: 50%}
    .col-3 {width: 33.33333%}
    .col-4 {width: 25%}
    .col-5 {width: 20%}
    .col-6 {width: 16.66666%}
    .col-7 {width: 25%}
    .col-8 {width: 25%}
    .col-9 {width: 20%}
    .col-10 {width: 20%}
    .col-11 {width: 16.66666%}
    .col-12 {width: 16.66666%}

 /*Menu*/ 
    #topo{ background-color: #221e71;}
    .topo-menu{display:block;}
    .menu span {font-size: 1em;}
    .menu ul{margin: 0.8em 1em 0 0.5em;}
    
    .menu-2{display:none;}
    
    .idioma li {background-color: rgba(255,255,255,0.1);}
    
/*Banner, contador, expositores*/
    #banner,#contador, #expositores {float:left;}
    #banner{display:block;width: 60%;}
    
    #contador {width:20%;
               padding:90px 0px 0px 0px;}
    
    #expositores .col-10,#parceiros .col-10{width:12.5%}    
    
/*Icones*/ 
    #icones .col-2 {width: 50%}

    
}

@media only screen and (min-width: 1280px) { 
    .col-2 {width: 50%}
    .col-3 {width: 33.33333%}
    .col-4 {width: 25%}
    .col-5 {width: 20%}
    .col-6 {width: 16.66666%}
    .col-7 {width: 14.28571%}
    .col-8 {width: 12.5%}
    .col-9 {width: 11.11111%}
    .col-10 {width: 10%}
    .col-11 {width: 9.09090%}
    .col-12 {width: 8.33333%}

     /*Menu*/
    #topo{ background-color: #221e71;}
    .topo-menu{display:block;}
    .menu span {font-size: 1em;}
    .menu ul{margin: 0.8em 1em 0 0.5em;}
        
    .menu-2{display:none;}
    
    .idioma li{background-color: rgba(255,255,255,0.1);}
    
    /*Banner, contador, expositores*/
    #banner,#contador, #expositores {float:left;}
    #banner{display:block;width: 60%;}
    
    #contador {width:20%;padding-top:90px;}
      
    #expositores .col-10,#parceiros .col-10{width:10%}
    
    /*Icones*/
    #icones .col-2 {width: 50%}
    
    .b-seta-topo {background: url('../img/layout/sprites.png'); background-position: 0 -181px;  background-color: rgba(0,0,0,0.2); width: 50px; height: 50px;  position:fixed; z-index: 99999; cursor: pointer;  right: 0; display: none;}
}